<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				text-align: center;
				font-size: 20px;
			}
			
			.wrap{
					overflow: hidden;
					margin: 0 auto;
					width: 100%;
				}
			.row{
				float: left;
			}
			#header{
				width: 100%;
				height: 50px;
				background-color: #c0c0d8;
			}
				#main{
					width: 100%;
					margin: 0 auto;
					
				}
				#mainLeft{
					height: 600px;
					width: 20%;
					color: blueviolet;
					background-color: #e5e9de;
					text-align: center;
					line-height: 450px;
				}
				#mainCenter{
					height: 600px;
					width: 60%;
					color: blueviolet;
					background-color: #e5e5d9;
					text-align: center;
					line-height: 450px;
				}
				#mainRight{
					height: 600px;
					width: 20%;
					color: blueviolet;
					background-color: #f0f3ea;
					text-align: center;
					line-height: 450px;
				}
				#footer{
					height: 60px;
					background: #e5d7d7;
				}
		</style>
	</head>
	<body>
		<header id="header" class="wrap">#header</header>
		<header id="main" class="wrap">
			<header id="mainLeft" class="row">
				#left
			</header>
			<header id="mainCenter" class="row">
				#center
			</header>
			<header id="mainRight" class="row">
				#right
			</header>
		</header>
		<header id="footer" class="wrap">#footer</header>
	</body>
</html>
